<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>导航页</title>
    <!-- 导入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- 导入 Vue 3 -->
    <script src="https://unpkg.com/vue@next"></script>
    <!-- 导入组件库 -->
    <script src="https://unpkg.com/element-plus"></script>
    <style type="text/css">
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: arial, "microsoft yahei", "黑体", "宋体", sans-serif;
      }

      body {
        /*        width: 100vw;
        height: 100vh;
        background: gray;
        overflow: hidden; */
        background-image: url('澜.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
      }
    </style>
  </head>
  <body>
    <div id="app">
      这个是：{{message}}
      <el-button>{{ message }}</el-button>
      <el-slider></el-slider>
    </div>
    <script src="index.js"></script>
  </body>
</html>
